<template>
  <div class="active-details">
    <div class="container">
      <build-el-h1></build-el-h1>
      <div class="flex-al al-start">
        <build-el-video :src="details.contestVideoUrl" :poster="home.data.poster"></build-el-video>
        <!-- <p class="info">{{home.data.text}}</p> -->
        <div class="fwb info" v-html="details.contestText"></div>
      </div>
    </div>
  </div>
</template>
<script>
import buildElH1 from '../build-el-h1'
import buildElVideo from '../build-el-video'
import JSONData from '@/assets/JSON'
export default {
  components: {
    buildElH1,
    buildElVideo,
  },
  props: {
    details: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {
      ...JSONData,
    }
  },
}
</script>
<style lang="less" scoped>
.container {
  .info {
    width: 100%;
    opacity: 0.9;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    line-height: 30px;
  }
}
</style>